//轮播图
(function () {
    $.fn.extend({
        _carousel() {
            class Swiper {
                constructor(el) {
                    this.el = el;
                    this.oUl = this.el.find("ul");
                    this.oOl = this.el.find("ol");
                    this.oArr = this.el.find(".arr");
                    this.imgIndex = 0;
                    this.pointIndex = 0;
                    this.timer = setInterval(() => {
                        this.imgIndex++;
                        this.pointIndex++;
                        this.autoPlay();
                    }, 3000)
                    this.init();
                    this.mouseHandler();
                    this.clickHandler();

                }

                init() {
                    for (let i = 0; i < this.oUl.children("li").length; i++) {
                        $(`<li class=${i == 0 ? "current" : ""}></li>`).appendTo(this.oOl)
                    }
                }
                autoPlay() {
                    if (this.imgIndex == this.oUl.children().length) {
                        this.imgIndex = 0;
                    }

                    this.oUl.children().eq(this.imgIndex).stop().animate({
                        opacity: 1
                    }, 1000).siblings().stop().animate({
                        opacity: 0
                    }, 1000)
                    this.oOl.children().eq(this.imgIndex).addClass("current").siblings().removeClass("current")

                }
                clickHandler() {
                    let self = this;
                    this.el.on("click", "ol>li", function () {
                        let $index = $(this).index();
                        self.pointIndex = self.imgIndex = $index;
                        self.autoPlay()
                    })
                    this.oArr.on("click", (evt) => {
                        var e = evt || window.event;
                        var ele = e.target || e.srcElement;
                        if (!(ele.className == 'left' || ele.className == 'right')) {
                            return;
                        }
                        if (ele.className == 'left') {
                            this.imgIndex--;
                            this.pointIndex--;
                            if (this.pointIndex < 0) {
                                this.imgIndex = this.pointIndex = 5
                            }
                            this.autoPlay();
                        }
                        if (ele.className == 'right') {
                            this.imgIndex++;
                            this.pointIndex++;
                            this.autoPlay();
                        }
                    })
                }
                mouseHandler() {
                    let self = this;
                    this.el.on("mouseenter", () => {
                        clearInterval(this.timer);
                        self.oArr.css({ display: "block" })
                    }).on("mouseleave", () => {
                        self.timer = setInterval(() => {
                            self.imgIndex++;
                            self.pointIndex++;
                            self.autoPlay();
                        }, 1500)
                        self.oArr.css({ display: "none" })
                    })
                }
            }
            new Swiper(this)
        }
    })

})()



$(function () {
    //关闭顶部广告
    $("header .line1 span").click(function () {
        $("header .line1").slideUp(500)
    })
    //一级菜单
    $("header .line2 .line2-top .t-con ul .no").mouseenter(function () {
        $("header .line2 .line2-top .t-con ul .no .box").stop().slideDown(500)
    })
    $("header .line2 .line2-top .t-con ul .no").mouseleave(function () {
        $("header .line2 .line2-top .t-con ul .no .box").stop().slideUp(500)
    })
    //轮播图
    $("#all")._carousel()

    Array.from($("section .line1 .line1-con ul li")).forEach(function (el, index) {
        $(el).mouseenter(function () {
            $(this).find(".none").stop().css({ display: "block" }).parent(".z").parent("li").siblings().find(".none").css({ display: "none" })
        }).mouseleave(function () {
            $(this).find(".none").stop().css({ display: "none" })
        })
    })
    //鼠标进去 背景变化
    $("section .line1 .line1-con ul li .z .none .imgbox .box").mouseenter(function () {
        $(this).css({ backgroundColor: "#ccaa7a" })
        $(this).find("img").css({ display: "none" })
        $(this).append(`<div>啊?就这?</div>`)
    }).mouseleave(function () {
        $(this).css({ backgroundColor: "#fff" })
        $(this).find("img").css({ display: "block" })
        $(this).find("div").remove()
    })
    $("section .line1 .line1-con ul li .z .none .txtbox span").mouseenter(function () {
        $(this).css({ backgroundColor: "#ccaa7a" })
    }).mouseleave(function () {
        $(this).css({ backgroundColor: "#fff" })
    })
    //鼠标进入图片变大
    Array.from($("section .line2 .line2-con .box")).forEach(function (el, index) {
        $(el).find(".d").mouseenter(function () {
            $(this).children("img").stop().animate({ width: 305 })
        }).mouseleave(function () {
            $(this).children("img").stop().animate({ width: 291 })
        })
    })
    Array.from($("section .line3 .bottom .b-con .left")).forEach(function (el, index) {
        $(el).find(".box").mouseenter(function () {
            $(this).children("img").stop().animate({ width: 405 })
        }).mouseleave(function () {
            $(this).children("img").stop().animate({ width: 394 })
        })
    })

    Array.from($("section .line .bottom .b-con .left")).forEach(function (el, index) {
        $(el).find(".box").mouseenter(function () {
            $(this).children("img").stop().animate({ width: 405 })
        }).mouseleave(function () {
            $(this).children("img").stop().animate({ width: 394 })
        })
    })

    Array.from($("section .line5 .bottom .b-con ")).forEach(function (el, index) {
        $(el).find(".imgbox").mouseenter(function () {
            $(this).children("img").stop().animate({ width: 300 })
        }).mouseleave(function () {
            $(this).children("img").stop().animate({ width: 290 })
        })
    })
    Array.from($("section .line6 .bottom .b-con ")).forEach(function (el, index) {
        $(el).find(".imgbox").mouseenter(function () {
            $(this).children(".i-box").children("img").stop().animate({ width: 300 })
        }).mouseleave(function () {
            $(this).children(".i-box").children("img").stop().animate({ width: 290 })
        })
    })

    //获取日期对象

    setInterval(function () {
        var current = new Date();
        var end = Date.parse("2021-11-11 0:0:00:00"); //parse 解析
        var num = end - current;
        var ss = parseInt(num / 1000) % 60;//秒
        var mm = parseInt(num / 1000 / 60) % 60;//分
        var hh = parseInt(num / 1000 / 60 / 60) % 24;
        var dd = parseInt(num / 1000 / 60 / 60 / 24);
        $("section .line3 .top .t-con .box .timebox .time").find("i")[0].innerText = dd;
        $("section .line3 .top .t-con .box .timebox .time").find("i")[1].innerText = hh;
        $("section .line3 .top .t-con .box .timebox .time").find("i")[2].innerText = mm;
        $("section .line3 .top .t-con .box .timebox .time").find("i")[3].innerText = ss;
    }, 1000)

    //显示隐藏
    $("#span-box").find(".hhh").mouseenter(function () {
        $(this).children(".none2").stop().animate({ opacity: 1 }, 1000)
    }).mouseleave(function () {
        $(this).children(".none2").stop().animate({ opacity: 0 }, 1000)
    })
    $("#span-box").find(".hhh").mouseenter(function () {
        $(this).children(".none3").stop().animate({ opacity: 1 }, 1000)
    }).mouseleave(function () {
        $(this).children(".none3").stop().animate({ opacity: 0 }, 1000)
    })
    //回到顶部
    $("#span-box").find("#backTop").on("click", function () {
        $("html,body").animate({
            scrollTop: 0
        })
    })
    $("#top").on("click", function () {
        $("html,body").animate({
            scrollTop: 0
        })
    })
    //盖楼层

    //点击
    $(".left_nav .nav_content a").on("click", function () {
        let $index = $(this).index();
        $(".left_nav .nav_content a").eq($index).addClass("cur").siblings().removeClass("cur")
        let tempTop = $(".makefloor").eq($index).offset().top;
        console.log(tempTop);
        $("html,body").animate({
            scrollTop: tempTop
        })
    })
    //滚动 
    var list = Array.from($(".makefloor")).map(el => $(el).offset().top)
    $(document).on("scroll", function () {
        let doc_Top = $(this).scrollTop();
        if (doc_Top < $(".makefloor").first().offset().top - 300 || doc_Top > ($(".makefloor").last().offset().top) + 3000) {
            $(".left_nav").slideUp(500)
        } else {
            $(".left_nav").slideDown(500)
        }
        var tempIndex = list.findIndex(function (el, index) {
            if (doc_Top < el) {
                return index
            }
        })
        tempIndex = tempIndex == -1 ? list.length : tempIndex;
        $(".left_nav .nav_content a").eq(tempIndex - 1).addClass("cur").siblings().removeClass("cur")
    })
    //关闭底部广告
    $("#cli").click(function () {
        $(".dbggbox").animate({ left: -1500 })
        $(".dbimgbox").animate({ left: -1500 })
        $("#cli").animate({ left: -1500 })
        setTimeout(function () {
            $(".dbggbox").remove()
            $(".dbimgbox").remove()
            $("#cli").remove()
        }, 1000)
    })

})

